<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>故事</title>
	<meta name="viewport" content="width=640,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../css/h5.css">
</head>
<body class="m-body">
	<div class="touch-wrapper">
		<div class="touch-header">
			<a href="/" class="logo"><img src="../images/icon/logo.png" alt="">宠物吧</a>
			<div class="log-btn">
				<a>城市</a>
				<a href="../login/index.html">登录</a>
			</div>
		</div>
		<div class="touch-contenter">
            <div class="touch-story">
                <div class="touch-user-nav">
                    <ul class="clearfix">
                        <li class="active"><a href="javascript:;">医疗</a></li>
                        <li><a href="javascript:;">领养</a></li>
                        <li><a href="javascript:;">配对</a></li>
                        <li><a href="javascript:;">买卖</a></li>
                        <li><a href="javascript:;">个人中心</a></li>
                    </ul>
                    <span class="select-btn"></span>
                </div>
                <div class="touch-user-filter touch-leisure-filter">
                    <ul>
                        <li><a href="./video-index.html">视频</a></li>
                        <li class="active"><a href="./story-index.html">故事</a></li>
                        <li><a href="./picture-index.html">图片</a></li>
                    </ul>
                </div>
                <div class="touch-story-list">
                    <div class="touch-video-title clearfix">
                        <dl>
                            <dt>
                                <img src="../images/icon/m-pic.png" alt="">
                            </dt>
                            <dd>
                                <h3>汪酱</h3>
                                <div>
                                    <span>2016-05-39</span>
                                    <span>166次</span>
                                </div>
                            </dd>
                        </dl>
                        <div class="touch-video-watch">
                            <span>关注</span>
                        </div>
                    </div>
                    <div class="touch-story-comment">
                        <p class="overflow-text">家里的狗一般出去都跟在主人身边的，而且一般你不去招惹它，它根本不可能袭击你。主人没栓狗绳，你提醒下就行了...</p>
                        <div class="touch-display">
                            <div class="touch-display-inner">
                                <ul>
                                    <li><img src="../images/m-pic1.png" alt=""></li>
                                    <li><img src="../images/m-pic1.png" alt=""></li>
                                    <li><img src="../images/m-pic1.png" alt=""></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="touch-video-forward">
                        <div>
                            <a>3366</a>
                        </div>
                        <div>
                            <a>分享</a>
                        </div>
                        <div>
                            <a>转发</a>
                        </div>
                        <div>
                            <a href="./story-detail.html">3366</a>
                        </div>
                    </div>
                </div>
                <div class="touch-story-list">
                    <div class="touch-video-title clearfix">
                        <dl>
                            <dt>
                                <img src="../images/icon/m-pic.png" alt="">
                            </dt>
                            <dd>
                                <h3>汪酱</h3>
                                <div>
                                    <span>2016-05-39</span>
                                    <span>166次</span>
                                </div>
                            </dd>
                        </dl>
                        <div class="touch-video-watch">
                            <span>关注</span>
                        </div>
                    </div>
                    <div class="touch-story-comment">
                        <p class="overflow-text">家里的狗一般出去都跟在主人身边的，而且一般你不去招惹它，它根本不可能袭击你。主人没栓狗绳，你提醒下就行了...</p>
                        <div class="touch-display">
                            <div class="touch-display-inner">
                                <ul>
                                    <li><img src="../images/m-pic1.png" alt=""></li>
                                    <li><img src="../images/m-pic1.png" alt=""></li>
                                    <li><img src="../images/m-pic1.png" alt=""></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="touch-video-forward">
                        <div>
                            <a>3366</a>
                        </div>
                        <div>
                            <a>分享</a>
                        </div>
                        <div>
                            <a>转发</a>
                        </div>
                        <div>
                            <a href="./story-detail.html">3366</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="touch-photo">
                <div>
                    <img src="../images/icon/select-icon.png" alt="">
                    <span>发布</span>
                </div>
            </div>
		</div>
	</div>
</body>
</html>
